<div class="col-sm-{{::col}} at-InputContainer">
    <div class="form-group at-u-flat">
        <at-input-label></at-input-label>

        <div ng-class="{ 'input-group': state._edit }">
            <div ng-if="state._edit" class="input-group-btn at-InputGroup-button input-group-prepend">
                <button class="btn at-ButtonHollow--white at-Input-button--fixed-md"
                        ng-disabled="!state._enableToggle && (state._disabled || form.disabled)"
                        ng-click="state._isBeingReplaced = !state._isBeingReplaced">
                    {{ state._buttonText }}
                </button>
            </div>
            <input ng-show="ssh"
                   ng-disabled="state._disabled || form.disabled"
                   class="at-InputFile--hidden"
                   ng-class="{'at-InputFile--drag': drag }"
                   type="file"
                   name="files" />
            <textarea class="form-control at-Input at-InputTextarea"
                      ng-model="state[state._activeModel]"
                      ng-class="{ 'at-Input--rejected': state._rejected }"
                      ng-attr-rows="{{::state._rows || 6 }}"
                      ng-attr-maxlength="{{ state.max_length || undefined }}"
                      ng-attr-tabindex="{{ tab || undefined }}"
                      ng-attr-placeholder="{{state._placeholder || undefined }}"
                      ng-disabled="state._disabled || form.disabled" />
            </textarea>
        </div>

        <at-input-message></at-input-message>
    </div>
</div>
